/* =========================================
   PREMIUM ECOMMERCE BUTTON DESIGN
========================================= */

/* ================= BUY NOW BUTTON ================= */

.sh-product-buy-now-button,
.sh-solid-button {

    position: relative;
    overflow: hidden;

    width: 100%;

    border: none !important;

    border-radius: 18px;

    padding: 15px 22px;

    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.4px;

    color: #FFFFFF !important;

    background:
    linear-gradient(135deg,#29A56C 0%,#1F8A59 50%,#16663F 100%);

    box-shadow:
    0 10px 25px rgba(41,165,108,0.28),
    inset 0 1px 0 rgba(255,255,255,0.22);

    transition: all 0.3s ease;
}

/* Hover */

.sh-product-buy-now-button:hover,
.sh-solid-button:hover {

    transform: translateY(-3px);

    background:
    linear-gradient(135deg,#31BC79 0%,#239864 50%,#1A744A 100%);

    box-shadow:
    0 16px 32px rgba(41,165,108,0.38),
    inset 0 1px 0 rgba(255,255,255,0.25);

    color: #FFFFFF !important;
}

/* Click */

.sh-product-buy-now-button:active,
.sh-solid-button:active {

    transform: scale(0.97);
}

/* Premium Shine */

.sh-product-buy-now-button::before,
.sh-solid-button::before {

    content: "";

    position: absolute;

    top: 0;
    left: -130%;

    width: 70%;
    height: 100%;

    background:
    linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.35),
        transparent
    );

    transition: 0.8s ease;
}

.sh-product-buy-now-button:hover::before,
.sh-solid-button:hover::before {

    left: 140%;
}

/* ================= ADD TO CART BUTTON ================= */

.sh-add-to-cart-button {

    width: 100%;

    border: none;

    border-radius: 18px;

    padding: 15px 22px;

    background: #111111;

    color: #FFFFFF;

    font-size: 16px;
    font-weight: 700;

    box-shadow:
    0 8px 18px rgba(0,0,0,0.16);

    transition: all 0.28s ease;
}

/* Hover */

.sh-add-to-cart-button:hover {

    background: #000000;

    transform: translateY(-3px);

    box-shadow:
    0 14px 28px rgba(0,0,0,0.22);
}

/* Click */

.sh-add-to-cart-button:active {

    transform: scale(0.97);
}

/* ================= OUTLINE / ENQUIRY BUTTON ================= */

.sh-product-card-enquiry,
.sh-product-enquiry,
.sh-outlined-button {

    width: 100%;

    border-radius: 18px !important;

    border: 2px solid #29A56C !important;

    background: #FFFFFF !important;

    color: #29A56C !important;

    padding: 14px 22px;

    font-size: 15px;
    font-weight: 700;

    transition: all 0.28s ease;
}

/* Hover */

.sh-product-card-enquiry:hover,
.sh-product-enquiry:hover,
.sh-outlined-button:hover {

    background: #29A56C !important;

    color: #FFFFFF !important;

    transform: translateY(-2px);

    box-shadow:
    0 12px 24px rgba(41,165,108,0.25);
}

/* ================= MOBILE OPTIMIZATION ================= */

@media(max-width:768px){

    .sh-product-buy-now-button,
    .sh-solid-button,
    .sh-add-to-cart-button,
    .sh-product-card-enquiry,
    .sh-product-enquiry,
    .sh-outlined-button {

        border-radius: 16px;

        font-size: 15px;

        padding: 14px 18px;
    }
}